<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>VUE小测试</title>
		<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
	</head>
	<body>
		<!-- vue-app是根容器 -->
		<div id="vue-app">
			姓名：{{name}}
			年龄：{{age}}
			微信：{{weixin}}
			<!-- 函数传入参数 -->
			{{greet("中午")}}
			
			<!-- v-bind绑定一个动态属性，可以简写为： -->
			<input type="text" :value="name" />
			
			<!-- a标签的href的值是data中website -->
			<a :href="websit" target="_blank">点击前往websit定义的网址</a>
			<!-- target="_blank"属性设置：打开网页时在新窗口打开 -->
			
			<!-- v-html绑定了一个值为html代码段的值 -->
			<p v-html="html_code"></p>
		</div>
		<script src="./app.js"></script>
	</body>
</html>
